<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <title>Document</title>
</head>
<body>
    <div class="head">
        <div class="head-c">
            <div class="logo">
                <img src="img/hs-logo.png" alt="">
            </div>


            <div class="nav">
                <ul class=" head-nav">
                
                    <li class="nav-item nav-item1">
                       <a href="index.html">首页</a>
                       <span class="line "></span>
                    </li>  
                    <li class="nav-item">
                       <a href="project.html">婚纱礼服</a>
                       <span class="line"></span>
                    </li> 
                    <li class="nav-item">
                       <a href="product.html">珠宝配饰</a>
                       <span class="line"></span>
                    </li> 
                    <li class="nav-item">
                       <a href="service.html">最新活动</a>
                       <span class="line"></span>
                    </li> 
                    <li class="nav-item mag0">
                       <a href="news.html">关于我们</a>
                       <span class="line"></span>
                    </li>    
                    
                   
                   
               </ul>     
            </div>
        </div>
    </div>
    <div class="banner">
        <img src="img/banner1.png" alt="">
        <div class="banner-c">
            <div class="dot">
                <span></span>
                <span></span>
            </div>
            <div class="left">
                <div class="left-l">
                    <img src="img/jt-l.png" alt="">
                </div>
                <div class="left-r">
                    <img src="img/jt-r.png" alt="">
                </div>

            </div>
            <div class="bottom">
                <img src="img/侧边栏.png" alt="">
            </div>
        </div>
        <div class="wedding">
            <div class="hd-title">
                <p class="big">婚纱礼服</p>
                <p class="little">Wedding Dress</p>
            </div>
            <div class="nav-item">
                <ul>
                     <li>
                         <a href="" class="item">新品/NEW</a>
                         <div class="line1"></div>
                     </li>
                     <!-- <span class="item-line"></span> -->
                     <li>
                         <a href="" class="item">2018春夏</a>
                         <div class="line1"></div>
                     </li>
                     <!-- <span class="item-line"></span> -->
                     <li>
                         <a href="" class="item">2018秋冬</a>
                         <div class="line1"></div>
                     </li>
                     <!-- <span class="item-line"></span> -->
                     <li>
                         <a href="" class="item">专属定制</a>
                         <div class="line1"></div>
                     </li>
                     <!-- <span class="item-line"></span> -->
                </ul>
             </div>
             <div class="bd-card">
                 <div class="card">
                     <img src="img/card1.png" alt="">
                    <div class="mask">
                        <img src="img/card4.png" alt="">
                        <p class="mask-title">HER STYLE / 一字肩拖尾主纱</p>
                        <p class="mask-price">$5389.00</p><br>
                        <p class="mask-text">白色 / M / VK2531</p>
                    </div>
                 </div>
                
                
                 <div class="card">
                     <img src="img/card2.png" alt="">
                     <div class="mask">
                        <img src="img/card4.png" alt="">
                        <p class="mask-title">HER STYLE / 一字肩拖尾主纱</p>
                        <p class="mask-price">$5389.00</p><br>
                        <p class="mask-text">白色 / M / VK2531</p>
                    </div>
                 </div>
                 <div class="card">
                     <img src="img/card3.png" alt="">
                     <div class="mask">
                        <img src="img/card4.png" alt="">
                        <p class="mask-title">HER STYLE / 一字肩拖尾主纱</p>
                        <p class="mask-price">$5389.00</p><br>
                        <p class="mask-text">白色 / M / VK2531</p>
                    </div>
                 </div>
                 <div class="card card0">
                     <img src="img/card3.png" alt="">
                     <div class="mask">
                        <img src="img/card4.png" alt="">
                        <p class="mask-title">HER STYLE / 一字肩拖尾主纱</p>
                        <p class="mask-price">$5389.00</p><br>
                        <p class="mask-text">白色 / M / VK2531</p>
                </div>
                
                 </div>
                 
             </div>
             <div class="more1">
                    <p>MORE</p>
             </div>

        </div>
        <div class="jeweiry">
            <div class="jeweiry-c">
                <div class="title1">
                    <p class="big1">珠宝配饰</p>
                    <p class="little1">Jewelry Show</p>
                </div>
                <div class="j-card">
                    <img src="img/jcard1.png" alt="">
                    <div class="j-mask">
                        <p class="j-title">传世之作，经典重现</p>
                        <p class="j-text">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </div>
                <div class="j-card">
                    <img src="img/jcard2.png" alt="">
                    <div class="j-mask">
                        <p class="j-title">传世之作，经典重现</p>
                        <p class="j-text">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </div>
                <div class="j-card">
                    <img src="img/jcard3.png" alt="">
                    <div class="j-mask">
                        <p class="j-title">传世之作，经典重现</p>
                        <p class="j-text">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </div>
                <div class="j-card card0">
                    <img src="img/jcard4.png" alt="">
                    <div class="j-mask">
                        <p class="j-title">传世之作，经典重现</p>
                        <p class="j-text">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </div>
                <div class="more2">
                <p>MORE</p>
                </div>
            </div>
            
        </div>
        <div class="active">
            
            <div class="active-c">
                <div class="title1">
                    <p class="big1">珠宝配饰</p>
                    <p class="little1">Jewelry Show</p>
                </div>  
                       
            </div>
        <div class="banner1">
            <img src="img/hgbg.png" alt="">
            <div class="banner1-c">
                <div class="active-card">
                    <div class="a-card">
                        <p class="a-date">
                            <span class="date1">06-18</span>
                            <span class="date2">2018</span>
                        </p>
                        <p class="a-title">新品发布会</p>
                        <p class="a-text">伴随着T台两侧色彩趋势报告的发布,<br>
                            VERONICA2017婚纱新品发布会正...</p>
                        <p class="a-more">more ></p>
                        <div class="a-mask">
                            <img src="img/hdbg.png" alt="">
                        </div>
                    </div>
                    <div class="a-card">
                        <p class="a-date">
                            <span class="date1">06-18</span>
                            <span class="date2">2018</span>
                        </p>
                        <p class="a-title">新品发布会</p>
                        <p class="a-text">伴随着T台两侧色彩趋势报告的发布,<br>
                            VERONICA2017婚纱新品发布会正...</p>
                        <p class="a-more">more ></p>
                        <div class="a-mask">
                            <img src="img/hdbg.png" alt="">
                        </div>
                    </div>
                    <div class="a-card">
                        <p class="a-date">
                            <span class="date1">06-18</span>
                            <span class="date2">2018</span>
                        </p>
                        <p class="a-title">新品发布会</p>
                        <p class="a-text">伴随着T台两侧色彩趋势报告的发布,<br>
                            VERONICA2017婚纱新品发布会正...</p>
                        <p class="a-more">more ></p>
                        <div class="a-mask">
                            <img src="img/hdbg.png" alt="">
                        </div>
                    </div>
                    <div class="a-card">
                        <p class="a-date">
                            <span class="date1">06-18</span>
                            <span class="date2">2018</span>
                        </p>
                        <p class="a-title">新品发布会</p>
                        <p class="a-text">伴随着T台两侧色彩趋势报告的发布,<br>
                            VERONICA2017婚纱新品发布会正...</p>
                        <p class="a-more">more ></p>
                        <div class="a-mask">
                            <img src="img/hdbg.png" alt="">
                        </div>
                    </div>
                    <div class="more11">
                        <p>MORE</p>
                    </div> 
                    
                </div>
                
            </div>
        </div>
            <div class="active-c">
                
                
            </div>
        </div>

    </div>
    <div class="designer">
        <div class="dis-title">
            <p class="big">设计师</p>
            <p class="little">Designers</p>
        </div>
    </div>
</body>
</html>